<!DOCTYPE html> <!-- "!"是声明的意思。"DOC"是document文档的意思。"type"是类型的意思。“html”是超文本标记语言。意思就是告诉浏览器我们写的是超文本标记语言-->
<html>
<head>
    
</head>
<body>
    <span>
        内嵌元素
    </span>
    <div>
        块元素
    </div>
</body>
</html>

<!-- 
    
margin 外边距的问题：
1、上下外边距会叠压；
2、父子级包含的时候子级的margin-top会传递给父级；（内边距替代外边距）

-->